tech(storybook): add addon @storybook/addon-designs #8269
Conversation
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
size-limit report 📦
|
e2e tests |
👀 Docs deployed
Commit 5e6bbcd |
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #8269 +/- ##
=======================================
Coverage 95.54% 95.54%
=======================================
Files 404 404
Lines 11640 11640
Branches 3857 3857
=======================================
Hits 11121 11121
Misses 519 519
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. |
packages/vkui/src/testing/storybook/componentsToFigmaDesignUrl.ts
Outdated
Show resolved
Hide resolved
| @@ -0,0 +1,149 @@ | |||
| export const COMPONENTS_TO_FIGMA_COMMON_DESIGN_URL: Record<string, string> = { | |||
| ActionSheet: | |||
| 'https://www.figma.com/design/AdjYPPaNtrl0ZitenZgO0h/VKUI-Common-Library-%5BBeta%5D-(Community)?node-id=24799-204331&t=zm7u5mIujRMo61aB-0', | |||
There was a problem hiding this comment.
У нас когда-то давно была уже идея запилить ссылки на дизайн, но проблема в том, что ссылки на ноду не постоянные и не понятно, как следить за их актуальностью х)
Но в любом случае параметр после node-id разве обязательный? Вот этот &t=zm7u5mIujRMo61aB-0? По-моему, это вообще какая-то внутренняя штука, которая для каждого своя
There was a problem hiding this comment.
Просто на некоторых страницах в фигме есть дизайны для нескольких других компонентов. И чтобы открывалась не вся страница, а только определенный frame я копировал ссылки на определенные frame-ы
There was a problem hiding this comment.
Но для открытия определенного компонента нужно же только node-id?
There was a problem hiding this comment.
А, я понял. Да, действительно достаточно node-id. Я просто копировал ссылку из браузера, а фигма зачем-то добавляет этот query-параметр. Сейчас убрал, все норм работает
Изменения
@storybook/addon-designs, который позволяет добавить вкладку, в которой будет открываться фигма с дизайном компонентаcreateStoryParameters, которая скрывает детали составления параметров для стори. В данный момент эта функция добавляет ссылку на дизайн из мапы, если у данного компонента есть ссылка на дизайн. В будущем данная функция возможно будет скрывать дополнительную логикуcreateStoryParameters, так чтобы в будущем было бы удобнее менять/добавлять ссылки на дизайн к любому компоненту.Release notes
Документация
@storybook/addon-designs, который позволяет открывать страницу с дизайном компонента